<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>北京前友推广信息科技有限公司</title>
    <link rel="icon" type="image/png" href="themes/icon/favicon.png">

    <!-- 新 Bootstrap IE8 CSS 文件 -->
    <script src="themes/js/html5shiv.min.js"></script>

    <!-- 新 Bootstrap IE9 CSS 文件 -->
    <script src="themes/js/respond.min.js"></script>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="themes/js/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="themes/js/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="themes/js/bootstrap.min.js"></script>

    <!-- 最新的 Bootstrap  自定义样式 文件 -->
    <link href="themes/css/home.css" rel="stylesheet"  type="text/css">

</head>
<body>

<!--------header begin-------->
<div class=" container-fluid header-main header-section">
    <div class="header-back"></div>
    <nav class="navbar navbar-default  navbar-brands  navbar-abouts">
        <div class="container">
            <div class="navbar-header">
                <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html" class="navbar-logo navbar-brand "></a>
            </div>
            <div class="collapse navbar-collapse navbar-right" id="navbar">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="index.html" title="Home">首页</a>
                    </li>
                    <li class="">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="about.html"  title="About us">关于我们</a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="Product.html" title="Product service">产品服务</a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="Case.html" title="Classic case">经典案例</a>
                    </li>
                    <!--<li class="dropdown">-->
                        <!--<a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="Service.html" title="Micro business service" >微商服务</a>-->
                    <!--</li>-->
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="contact.html" title="Contact us">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container container-zindex container-index">
        <img class="img-responsive" src="themes/img/showcase-header.png" about="" alt="">
        <h1>移动公关第一品牌</h1>
        <p>未来,我们一直在路上 移动互联网时代的创意革命 “北京前推”</p>
    </div>

</div>
<!--------header End-------->



<!--------container begin-------->
<div class="container marketing">
    <div class="row">
        <div class="col-lg-3">
            <img width="140" height="140" alt="Generic placeholder image" src="themes/img/pd/Spread.png" class="">
            <h2>社会化媒体传播</h2>
            <p>以落地活动为主要传播信息，定期将文字、图片及视频短片传到官方微信、微博进行传播。</p>
        </div><!-- 社会化媒体传播 -->
        <div class="col-lg-3">

            <img width="140" height="140" alt="Generic placeholder image" src="themes/img/pd/mobile.png" class="">
            <h2>移动互联网搭建</h2>
            <p>根据客户的需求，市场状况，企业情况等进行搭建适合客户的微信。 </p>
        </div><!-- 移动互联网搭建 -->
        <div class="col-lg-3">
            <img width="140" height="140" alt="Generic placeholder image" src="themes/img/pd/weixin.png" class="">
            <h2>微信全案营销</h2>
            <p>为企业量身定制独立的全案营销方案，全方位的为客户提供有效的解决方案。</p>
        </div><!-- 微信全案营销 -->

        <div class="col-lg-3">
            <img width="140" height="140" alt="Generic placeholder image" src="themes/img/pd/web.png" class="">
            <h2>定制项目开发</h2>
            <p>丰富Web组件，可二次开发的面板，可快速构建界面出色、体验优秀的跨屏页面。</p>
        </div><!-- 定制项目开发 -->
    </div>
</div>
<!--------container End-------->


<!--------Media begin-------->
<div class="container marketing marketing-media">
    <div class="row featurette">
        <div class="col-md-5" >
            <div data-ride="carousel" class="carousel slide" id="myCarousel">
                <div role="listbox" class="carousel-inner">
                    <div class="item">
                        <img alt="First slide" src="themes/img/banner/banner.png" class="first-slide">
                    </div>
                    <div class="item active">
                        <img alt="Second slide" src="themes/img/banner/banner.png" class="second-slide">
                    </div>
                    <div class="item">
                        <img alt="Third slide" src="themes/img/banner/banner.png" class="third-slide">
                    </div>
                </div>
                <!--<a data-slide="prev" role="button" href="#myCarousel" class="left carousel-control">-->
                    <!--<span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>-->
                    <!--<span class="sr-only">Previous</span>-->
                <!--</a>-->
                <!--<a data-slide="next" role="button" href="#myCarousel" class="right carousel-control">-->
                    <!--<span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>-->
                    <!--<span class="sr-only">Next</span>-->
                <!--</a> 左右按钮   -->
            </div>
        </div>
        <div class="col-md-7">
            <h2 class="featurette-heading">媒介资源 <span class="text-muted" style="font-size:22px;"> ...</span></h2>
            <p class="lead">微信订阅号<span>总账户数超70000+</span>，累计订阅量100亿，覆盖行业广泛，受众群体精准</p>
            <ul class="present-list"><li>资源可视化展示及操作</li><li>历史及实时监控图表</li><li>记录所有重要操作行为</li><li>工单系统，第一时间解决资源相关问题</li></ul>
            <p><a role="button" href="#" class="btn btn-lg btn-success">了解详情<span class="glyphicon glyphicon-menu-right"></span></a></p>
        </div>
    </div>
</div>
<!--------Media end-------->


<!--------Data resource begin-------->
<div class="container-fluid container-fluid-back ">
    <div class="container">
        <div class="text-center text-header-title">
            <h1>我们拥有最全面的数据资源</h1>
            <p><span>拥有1200家媒体</span>，新闻稿在线媒体实时更新综合门户、地方门户、行业媒体细分。</p>
            <p>微信订阅号<span>总账户数超70000+</span>，累计订阅量100亿，覆盖行业广泛，受众群体精准。</p>
            <p>微信朋友圈<span>总账户数超22000+</span>，累计好友量1亿5千万，覆盖行业广泛，受众群体精准，均视频认证过确保真实。</p>
        </div>
    </div>
</div>
<!--------Data resource End-------->


<!--------choose begin-------->
<div class="container" style="margin-bottom:40px; margin-top:40px;">
    <div class="container text-center text-center-h1">
        <h1>他们选择了我们</h1>
    </div>
    <div data-example-id="simple-thumbnails" class="bs-example">
        <div class="row thumbnail-clear">
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.qunar.com/" target="_blank" title="去哪儿网" >
                    <img alt="100%x110" data-src="holder.js/100%x110" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h1.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.amazon.cn/" target="_blank" title="卓越亚马逊">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h2.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.cebbank.com/" target="_blank" title="光大银行">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h3.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.lexus.com.cn/" target="_blank" title="雷克萨斯">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h4.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.haval.cn/" target="_blank" title="哈佛网">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h5.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.yonyou.com/" target="_blank" title="用友yonyou">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h6.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.xiaoniu88.com/" target="_blank" title="小牛在线">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h7.png" data-holder-rendered="true">
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a class="thumbnail thumbnail-bottom" href="http://www.hzkywy.com/" target="_blank" title="开元物业">
                    <img alt="100%x180" data-src="holder.js/100%x180" style="height: 110px; width: 100%; display: block;" src="themes/img/code/h8.png" data-holder-rendered="true">
                </a>
            </div>
        </div>
    </div>
</div>
<!--------choose end-------->


<!--------footer begin-------->
<footer class="main-footer  main-footer1">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title"><img src="themes/img/logo-blue.png"></h4>
                    <div class="content recent-post">
                        <div class="recent-single-post"><div class="date">QIANTUI移动公关第一品牌，我们拥有最全面的媒介数据库资源，我们能给您提供全面的服务 。</div></div>
                        <div class="recent-single-post"><a class="post-title" href="#">北京前友推广信息科技有限公司</a><div class="date" style="padding-top:10px;">Copyright © 2017 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a> </div></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="widget">
                    <h4 class="title"></h4>
                    <div class="content-about">
                        <div><a href="about.html">关于我们</a></div>
                        <div><a href="contact.html">联系我们</a></div>
                        <div><a href="#" target="_blank">加入我们</a></div>
                        <div><a href="Product.html">产品服务</a></div>
                        <div><a href="Case.html">经典案例</a></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="widget">
                    <h4 class="title"></h4>
                    <div class="content-about">
                        <div><a href="Introduction.html" >平台优势</a></div>
                        <div><a href="Introduction.html">服务条款</a></div>
                        <div><a href="Introduction.html">免责声明</a></div>
                        <div><a href="Introduction.html">合作代理</a></div>
                        <div><a href="Introduction.html">帮助中心</a></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget">
                    <div class="content-about" >
                        <img src="themes/img/ewm.jpg" width="148" height="148" style="border:1px solid #eee; padding:5px;" title="扫描二维码。关注我们。">
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--------footer End-------->
</body>
</html>